
<!DOCTYPE html>
<html>
<head>
    <title>#{get 'title' /}</title>
    <meta charset="utf-8">
    <link href="@{'public/stylesheets/reset.css'}" rel="stylesheet">
    <link href="@{'public/stylesheets/style.css'}" rel="stylesheet">
    <link href="@{'public/stylesheets/common.css'}" rel="stylesheet">
    <link href="@{'public/stylesheets/main.css'}" rel="stylesheet">
    <link href="@{'public/stylesheets/mobile.css'}" rel="stylesheet">
    <link href="@{'public/stylesheets/simple_page.css'}" rel="stylesheet">
    <script src="@{'/public/javascripts/jquery-1.8.2.min.js'}" type="text/javascript"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="D.FRWi品牌创意分享平台,品牌视觉,品牌平面,产品概念">
    <meta name="description" content="D.FRWi品牌创意分享平台,品牌视觉,品牌平面,产品概念">
    <meta name="baidu-site-verification" content="5c8AaGYKLB" />
</head>
<body>
<header id="index_header">
    <img src="../public/images/logo.png" alt=""/>
    <img src="../public/images/weixin.png" class="header_weixin" alt=""/>
    <img src="../public/images/topQr.png" alt="" class="header_qr"/>
    <ul class="header_ul">
        #{if utils.SessionUtils.getUserId()}
            <li style="position: relative" id="user_login"><a href="@{Members.home()}">${utils.SessionUtils.getLoginUser().account?utils.SessionUtils.getLoginUser().account:"佚名"}</a>
                <ul class="float_nav visual">
                    <li><a href="@{Members.home(0)}">我的主页</a></li>
                    <li><a href="@{Members.editor()}">个人设置</a></li>
                    <li><a href="@{Collections.collectWork(0)}">我的收藏</a></li>
                    <li><a href="@{Members.reciveEmail(0)}">站内信</a></li>
                    <li><a href="@{Api.logout()}">注销</a></li>
                </ul>
                #{if utils.SessionUtils.getEmail()==1}
                <p style="width: 0.5em;height: 0.5em; background-color:red; border-radius: 0.25em;position: absolute;top: 0px; right:-5px;"></p>
                #{/if}
            </li>
            <li><a href="@{Api.logout()}">注销</a></li>
        #{/if}
            #{else }
                <li><a href="@{Application.register()}">注册</a></li>
                <li><a href="@{Application.login()}">登陆</a></li>
        #{/else}

    </ul>
</header>
<nav id="index_nav">
    <ul class="nav_ul">
        <li><a href="@{Application.index()}" #{if type==-1}class="nav_ul_li_a_active"#{/if}>首页</a></li>
        <li><a href="@{Application.index(2)}"  #{if type==2}class="nav_ul_li_a_active"#{/if}>品牌视觉</a></li>
        <li><a href="@{Application.index(3)}"  #{if type==3}class="nav_ul_li_a_active"#{/if}>品牌文案</a></li>
        <li><a href="@{Application.index(4)}"  #{if type==4}class="nav_ul_li_a_active"#{/if}>产品概念</a></li>
        <li><a href="@{Application.activity(1)}"  #{if type==1}class="nav_ul_li_a_active"#{/if}>活动</a></li>
        <a href="@{Members.Post()}" class="index_nav_btn">+发文章</a>
        <a href="#" class="index_nav_search"><img src="../public/images/1166483.png" alt=""/>搜索</a>
    </ul>
</nav>
<div class="search_wrap">
    <form action="@{Application.search()}">
        <div class="search_bg">
            <input type="text" class="search" name="title"/>
        </div>
        <button class="search_sub" type="submit">查找</button>
    </form>
</div>
#{doLayout /}

<footer id="footer">
    <div class="footer_wrap">
        <img class="footer_logo"  src="../public/images/b_logo.png" alt=""/>
        <div class="index_bottom_nav">
            <ul>
                <li><a href="@{Application.about()}">关于我们</a></li>
                <li><a href="@{Application.callUs()}">联系我们</a></li>
                <li><a href="@{Application.employ()}">加入我们</a></li>
                <li><a href="@{Application.feedback()}">意见反馈</a></li>
                <li><a href="@{Application.declare()}">免责声明</a></li>
                <li><a href="@{Application.about()}">友情链接</a></li>
            </ul>
        </div>
        <!-- JiaThis Button BEGIN -->
        <style type="text/css">
            .jiathis_txt{
                padding-left: 13px;
                padding-right: 13px;
            }
        </style>
        <div class="jiathis_style_24x24" style="position: absolute; left: 350px; top: 90px;z-index: 2000;opacity: 0;">
            <a class="jiathis_button_tsina"></a>
            <a class="jiathis_button_weixin"></a>
            <a class="jiathis_button_qzone"></a>
            <a class="jiathis_button_tqq"></a>
        </div>
        <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
        <!-- JiaThis Button END -->
        <h3>分享此网站</h3>
        <div class="share_weibo"/></div>
    <div class="share_weixin"/></div>
    <div class="share_qqzone"/></div>
    <div class="share_baidu"/></div>
        <p class="cpright">CopyRight 2015 by Dfrwi</p>
        <p class="beian">备案/许可证编号为：粤ICP备14097851号</p>
    <img src="../public/images/QR.png" class="footer_qr" alt=""/>
    </div>
</footer>
<script type="text/javascript">
     $(".index_nav_search").click(function (event) {
         event.preventDefault();
         $('.search_wrap').toggleClass('display');
         $('.work_nav').toggleClass('search_padding');
     })
     $('.header_weixin').hover(function () {
         $('.header_qr').toggleClass('display');
     }, function () {
         $('.header_qr').toggleClass('display');
     })
     $('#user_login').hover(function () {
         $('.float_nav').toggleClass('display');
     }, function () {
         $('.float_nav').toggleClass('display');
     })
</script>
</body>
</html>